<?php


/*
|---------------------------------------------------------------
| FILE INFOS
|---------------------------------------------------------------
| [File location]   => ./contents/default/home.php
|---------------------------------------------------------------
*/

if (! defined ( '__ROOT__' )) exit ( 'Direct access not allowed' );

?>

<div class="row">
    <div class="twelve columns">
        <h2>Cream Framework</h2>
        <p>(width Foundation responsive css Framework)</p>
        <p>Version <strong>1.2</strong> last update 06, 2013.</p>
        <hr />
    </div>
</div>

<div class="row">
    <div class="eight columns">
        <h3>The Grid</h3>

        <!-- Grid Example -->
        <div class="row">
            <div class="twelve columns">
                <div class="panel">
                    <p>Twelve column section in a row.</p>
                </div>
            </div>
        </div>
      
      
        <h3>Tabs</h3>
        <dl class="tabs">
            <dd class="active"><a href="#simple1">Simple Tab 1</a></dd>
            <dd><a href="#simple2">Simple Tab 2</a></dd>
            <dd><a href="#simple3">Simple Tab 3</a></dd>
        </dl>

        <ul class="tabs-content">
            <li class="active" id="simple1Tab">Contents 1</li>
            <li id="simple2Tab">Contents 2</li>
            <li id="simple3Tab">Contents 3</li>
        </ul>

        <h3>Buttons</h3>
        <div class="row">
            <div class="six columns">
                <p><a href="#" class="small button">Small Button</a></p>
                <p><a href="#" class="button">Medium Button</a></p>
                <p><a href="#" class="large button">Large Button</a></p>
            </div>
            <div class="six columns">
                <p><a href="#" class="small alert button">Small Alert Button</a></p>
                <p><a href="#" class="success button">Medium Success Button</a></p>
                <p><a href="#" class="large secondary button">Large Secondary Button</a></p>
            </div>
        </div>
      
    </div>
</div>

<div class="row">
    <div class="twelve columns">
        <h3>Orbit</h3>
        <div id="featured">
            <img src="<?php echo __WEBROOT__ . 'dynamics/carrousel/1.jpg'; ?>" alt="slide image">
            <img src="<?php echo __WEBROOT__ . 'dynamics/carrousel/2.jpg'; ?>" alt="slide image">
        </div>
    </div>
</div>

<div class="row">
    <div class="twelve columns">
        <h3>Reveal</h3>
        <p><a href="#" data-reveal-id="exampleModal" class="button">Example modal</a></p>
    </div>
</div>

<div id="exampleModal" class="reveal-modal">
    <h2>This is a modal.</h2>
    <p>
      Reveal makes these very easy to summon and dismiss. The close button is simple an anchor with a unicode 
      character icon and a class of <code>close-reveal-modal</code>. Clicking anywhere outside the modal will 
      also dismiss it.
    </p>
    <a class="close-reveal-modal">×</a>
</div>